<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>STUDIOCLICK - CONTACT</title>
<!-- CSS Files -->
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen" />
<style type="text/css">
.sf-sub-indicator {
	behavior: url(css/iepngfix.htc)
}
</style>
<!-- End of CSS Files -->
<!-- Javascript Files -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="javascript/superfish.js"></script>
<script type="text/javascript" src="javascript/dd.min.js"></script>
<script type="text/javascript">
//<![CDATA[

		// initialise plugins
		$(document).ready(function() { 

			if ($('#slider').length == 1)
			{
				$('#slider').cycle({
						fx: 'fade',
						speed: 2000,
						timeout: 4000
				});
			}

			var ie6 = $.browser.msie && /MSIE 6.0/.test(navigator.userAgent);
		
			if (!ie6)
			{
				$('ul.sf-menu').superfish({ 
					delay:       1000,                            // one second delay on mouseout 
					animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
					speed:       'normal'                         // faster animation speed 
				}); 			
			}
			else
			{
				DD_belatedPNG.fix('#topbar, img, a, .commentbubble, .infobubble, .view-all, #category-picture1, #category-picture2, #category-picture3, #footer');
			}
    }); 
//]]>
function checkUser(){
    user = document.getElementById("user").value;
    pass = document.getElementById("password").value;
    $.get("ajax/login.jsp", { user:user,pass:pass }, function(data){
        var r = data.toString();
            if(r.length == 3){
                document.forms["login"].submit();
            }
            else
            {
                var er = "<h1><font color=\"red\">"+data+"</font></h1>";
                document.getElementById("error").innerHTML=er;
            }  
        }, "html");
}
</script>
<!-- End of Javascript Files -->
</head>
<body>
<!-- Wrapper -->
<div id="fondo">
    <div class="login_box" align="center">
        <br></br><br></br><br></br><br></br>
        <span id="error"></span>
        <form id="login" name="login" action="login.do" method="post">
        <table>
            <tr>
                <td align="right">
                    <h1>Usuario:&nbsp;&nbsp;</h1>
                </td>
                <td>
                    <input type="text" name="user" id="user" class="login" />
                </td>
            </tr>
            <tr>
                <td>
                    <h1>Password:&nbsp;&nbsp;</h1>
                </td>
                
                <td>
                    <input type="password" name="password" id="password" class="password"/>
                </td>
            </tr>
        </table>
        <table align="center">
            <tr>
                <td>
                    <input type="button" class="button" onClick="checkUser()" value="INGRESAR" />
                </td>
            </tr>
        </table>
        </form>
        <br></br><br></br><br></br><br></br>
        <br></br><br></br><br></br><br></br><br></br><br></br><br></br><br></br>
    </div>
</div>
<!-- End of wrapper -->
</body>
</html>